<template>
    <div class="introduction">
      <h2>项目功能简介</h2>
      <p>{{ intro }}</p>
    </div>
  </template>
  
  <script setup>
  import { ref } from 'vue';
  
  // 定义功能简介数据
  const intro = ref(
    "本项目旨在通过 Vue3 实现一个简单的课程设计展示页面，" +
    "包括功能简介和团队成员信息展示。"
  );
  </script>
  
 <style scoped>
.introduction{
  margin: 20px auto;
  padding: 20px;
  max-width: 600px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background-color: #f9f9f9;
}
h2{
  columns: #333;
}

p {
    font-size: 16px;
    line-height: 1.5;
  }
</style>